為什麼要做死自己呢....?

有個朋友跟我說她想寫一個APP，但是現在有太多跨平台的 App 開發工具,但卻不知道該選擇哪一個？

朋友 ：[………不要拖我下水]

沒關係，小孩子才做選擇 ! Flutter & React Native 我全都要

這個系列文將分享一個 菜逼8 帶新手入門的過程
以 Flutter & React Native 同時開發 IOS 與 Android App
目前預計將分為9+2單元
從環境建立到上架，中間有9章實作與概念比較
一個章節3天
第一天為 React Native 實作
第二天為 Flutter 實作
第三天為 Flutter & React Native 差異比較

我： [你覺得這樣的排法如何]

1~10 章分別是

1. 基礎概念&環境安裝
2. Hello world
3. 基礎元件介紹
4. 常用套件安裝與使用
5. 製作第一個 app (QRcode 掃描 & 計算機)
6. 串接 firebase （登入，會員資料庫）
7. 用資料庫溝通（日文app)
8. 專案實戰（上）
9. 專案實戰（下）
10. 發布上架

朋友 ：[我覺得可以誒><，要幫你分享嗎？]

我： [你要挑戰一個月學會ㄇ]

朋友 ：[………(已讀)]

我不太會 coding 能學嗎?

可以啊！
就像吃雞排也可以減肥一樣，只是不保證成功

朋友 ：[………那我要先準備什麼？]

我： [先了解一下常見的App開發框架與模式]

常見的App開發框架有：
跨平台：Cordova、Xamarin、NativeScript、React Native、Titanium、Electron、Flutter、Unity
iOS : swift , Objective-C
Android : Kotlin、Java

朋友 ：[＠＠也太多了吧，都要學嗎？]

我： [（原生開發 / web / 混合 ）各有優缺，應該以需求來選擇最適合的開模式。]

以下是常見混合式應用程式 (Hybrid App) 的開發模式：

• 前端使用 HTML + CSS + JavaScript … 等常見網頁前端技術製作。
• 透過上述等框架工具，或原生開發，以web View 開啟網頁的形式，打包成app。
• （例如 React-Native-web-View 透過 postMessage 傳送資料給網頁端的js）
• 上架至應用程式商店供人下載執行。


優點：

• 不需要安卓和ios兩個進行開發，節省開發費用，縮短開發週期。
• 可以跨平臺使用，編寫一次核心程式碼就可以部署到多個平臺。
• 相容多平臺，可以隨意調整排版佈局等。
  
缺點：
• 後期維護可能造成困擾
• 團隊技能複雜，分工不專一...等等
  可以參考文章 http://www.cocoachina.com/articles/24051

原生開發 APP：

• 一般指用原生開發語言開發APP，原生開發針對IOS、Android等不同的手機作業系統要採用個別生態系的語言和框架進行開發。
• 所以Android和IOS都要各自開發原生的App的話，所有介面、資料、商業邏輯、介面要寫兩套。

web APP：

• Web APP是基於web的系統和應用，用框架構成，一般使用HTML5+APP的模式
• Web App就是運行於網路和標準瀏覽器上，基於網頁技術開發實現特定功能的應用。

朋友 ：[所以....?]

我： [接下來29天，我們則以Flutter & React Native 進行實作，至於為什麼選擇這兩個框架呢？]

To be continued......